<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>会员登录</title>
<link href="/css/wedding-3.css" rel="stylesheet"/>
<link href="/css/wedding-2.css" rel="stylesheet"/>
<style>.cke{visibility:hidden;}</style>
    <script type="text/javascript" th:src="@{/js/jquery-3.1.1.js}"></script>
</head>	
<body>
	<div id="public-toolbar" class="hidden_active user_adjust_public">
    	<div class="layout_center layout_clear">
        	<div class="page-logo layout_fl">
            	<a><img src="/img/rxT54692503vu.jpg"></a>
            </div>
            <div class="page-tels layout_fr">
            	<span class="tel-show"> 全国免费咨询热线 </span>
                <span class="tel-pink"><strong>023-6766-4541</strong></span>
            </div>
        </div>
    </div>
    <div class="user-form" style="background:url(/img/JQK51845110Xc.jpg)">
    	<div class="layout_center">
        	<div class="user-form-wrap">
            	<div class="user-form-wraps">
                	<div class="user-form-item"><strong class="user-form-title">会员登录</strong></div>
                    <form th:action="@{/login}" th:method="post" onsubmit="return subm()">
                    	<div class="user-form-item">
                            <span id="formaterror" th:style="'color:red;'"></span>
                            <span th:text="${pwderror}" th:style="'color:red;'"></span>
                        	<input class="user-input" th:value="${telephoneNumber}" th:id="telephonenumber" th:name="telephoneNumber" th:onblur="'phonetext()'" required type="text" max="15" maxlength="15" placeholder="手机号">
                        </div>
                        <div class="user-form-item">
                        	<input class="user-input" th:value="${password}" th:name="password" required type="password" max="15" maxlength="15" placeholder="密码">
                        </div>
                        <div class="user-form-item">
                        	<input class="user-input user-input-adjust" th:name="code" required type="text" max="4" placeholder="验证码"><img class="qrcode" id="code" th:onclick="'code1()'" style="cursor:pointer" th:src="@{/code}">
                            <span th:text="${codeerror}" th:style="'color:red;'"></span>
                        </div>
                        <div class="user-form-item">
                        	<label>
                            	<input class="user-check" required type="checkbox"  value="yes">
                                <span class="cos_span">
                                	登录即表示同意<a class="keyword-blue-pale">《119婚庆网用户协议》</a>
                                </span>
                            </label>
                        </div>
                        <center>
                        <div class="user-form-item">
                            <input class="user-form-button" th:type="submit"   th:style="'font-weight: bold; text-align:center; width:300px;'" th:value="登录">
                        </div>
                        </center>
                    </form>
                    <div class="user-form-item us_text_right">
                    	<span class="cos_span_empty"><a th:href="@{/registerHtml}">注册账号</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div class="page-footer">
    	<div class="layout_center">
        	<div class="footer-list">
            	<dl class="footer-item">
                	<h3>新手上路</h3>
                    <a  >
                    	<dd><b></b>如何注册</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何登录</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何预订</dd>
                    </a>
                    <a  >
                    	<dd><b></b>购物流程</dd>
                    </a>
                    <a  >
                    	<dd><b></b>预订须知</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>公司信息</h3>
                    <a  >
                    	<dd><b></b>关于我们</dd>
                    </a>
                    <a  >
                    	<dd><b></b>用户协议</dd>
                    </a>
                    <a  >
                    	<dd><b></b>隐私申明</dd>
                    </a>
                    <a  >
                    	<dd><b></b>商家入驻协议</dd>
                    </a>
                    <a  >
                    	<dd><b></b>安全须知</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>合作联系</h3>
                    <a  >
                    	<dd><b></b>联系我们</dd>
                    </a>
                    <a  >
                    	<dd><b></b>招商加盟</dd>
                    </a>
                    <a  >
                    	<dd><b></b>商户平台</dd>
                    </a>
                    <a  >
                    	<dd><b></b>招聘信息</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>帮助中心</h3>
                    <a  >
                    	<dd><b></b>忘记密码</dd>
                    </a>
                    <a  >
                    	<dd><b></b>常见问题</dd>
                    </a>
                    <a  >
                    	<dd><b></b>在线客服</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何上传产品</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何成为商家</dd>
                    </a>
                </dl>
                <div class="footer-mobile">
                	<img src="/img/SVT58398773Nz.jpg">
                    <h2>官方微信</h2>
                </div>
            </div>
            <div class="footer-data0">
            	<a><i class="footer-ad0" title="可信网站身份验证"></i></a>
                <a><i class="footer-ad1" title="重庆网警备案"></i></a>
                <a><i class="footer-ad2" title="重庆工商行政管理"></i></a>
                <a><i class="footer-ad3" title="安全联盟认证"></i></a>
            </div>
            <div class="footer-data1">
            	友情链接：
            	<a href="https://www.baidu.com/" target="_blank">百度</a>
                <em>|</em>
                <a href="https://www.taobao.com/">淘宝</a>
            </div>
            <div class="footer-data2">
            	 CopyRight 2016 婚礼汇 All Rights Reserved 
                 <a href="Untitled-2.html">渝ICP备14001673号</a>
            </div>
        </div>
    </div>
    <a target="_blank" title="联系我们" href="Untitled-2.html">
    	<span id="askus">&nbsp;</span>
    </a>
    <div id="gotop" title="返回顶部" style="display:block; background:url(/img/gotop.png) -70px 0px no-repeat"></div>
</body>
<script type="text/javascript">
    function code1() {
        let $code = document.getElementById("code");
        $code.src="/code?x="+Math.random();
    }
    function phonetext() {
        let $telephonenumber = $("#telephonenumber");
        let $formaterror = $("#formaterror");
        let t=/((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/
        if(t.test($telephonenumber.val())){
            $formaterror.html("");
            return true;
        }else {
            $formaterror.html("手机号格式错误");
            return false;
        }
    }
    function subm() {
        if(phonetext()){
            return true;
        }else {
            return false
        }
    }
</script>
</html>
